<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            width: 600px;

            background: linear-gradient(#f3f3ec,#fbfbec);
        }
        *{
            text-indent: 2px;


        }
        h2{
           line-height: 70px;
        color: white;
            background-color:#2e8eb6 ;
        }
        h3{
            color: white;
            width: 200px;
            background-color: #589015;
            border-radius: 0px 18px 18px 0px;
        }
        .a{
            width: 120px;
            color: white;
            background-color: #005952;
        }
        .b{
            width: 140px;
            color: white;
            background-color:#007236;
        }
        .c{
            width: 155px;
            color: white;
            background-color:#008bbf;
        }
        .d{
            width: 180px;
            color: white;
            background-color:#0066b3;
        }
        .e{
            width: 160px;
            color: white;
            background-color:#002561;
        }
        .bb{
            color: #93ac5a;
        }
        .cc{
            color: red;
        }
        .f{
            color: white;
            width: 220px;
            background-color: #e86121;
            border-radius: 0px 18px 18px 0px;
        }
        .g{
            color: white;
            width: 100px;
            background-color: #f36f21;
        }
        .h{
            color: white;
            background-color: #bb131a;
            width: 100px;
        }
        .i{
            color: white;
            width: 100px;
            background-color: #dc5278;
        }
        .o{
            color: white;
            width: 100px;
            background-color: #a70532;
        }
        .p{
            color: white;
            width: 100px;
            background-color:#553171 ;
        }
        .q{
            color: white;
            width: 100px;
            background-color: #4f1268;
        }
        .aa{

            text-decoration: underline;
        }

    </style>

</head>
<body>
    <div class="bb">
    <h2>企业人才培养的摇篮--北大青鸟Andriod</h2>
    <h3>Android课程特色</h3>
    <p><span class="a">逆向课程设计：</span> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</p>
    <p><span class="b">模拟学员学习路线：</span> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验</p>
    <p><span class="c">互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行</p>
    <p><span class="d">学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，严密监控学习效果</p>
    <p><span class="e">真实开发项目经验积累：</span> 采用专业互联网企业提供的真实项目作为模拟开发</p>
    </div>
    <div class="cc">
    <p class="f">Android课程设计理念</p>
    <p><span class="g">【实用性】<span class="aa"></span>——</span> 以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</p>
    <p><span class="h">【权威性】——</span> 与来自百度等知名企业的专家联合开发</p>
    <p><span class="i">【专业性】——</span>引进业内资深人才和典型行业开发项目</p>
    <p><span class="o">【真实性】——</span> 在互联网真实环境下进行教学和训练</p>
    <p><span class="p">【易学性】——</span>在线培训模式，24小时专家在线解答疑难问题</p>
    <p><span class="q">【完整性】——</span>利用SNS虚拟社区：学习、人脉双丰收</p>
    </div>
</body>
</html>